<template>
	<view>
		<view class="fltop" @click="toPage_two(item.objectId)">
			<image mode="widthFix" class="image" :src="item.image" />
			<view class="fltext">
				<view class="fltextone">{{item.xiangqing}}</view>
			</view>
		</view>

	</view>
</template>

<script>
	export default {
		props: ['item'],
		data() {
			return {

			}
		},
		methods: {
			toPage_two(item) {
				uni.navigateTo({
					url: `../zhanshi/zhanshi?id=` + item
				})
			}
		}
	}
</script>

<style>
	.fltop {
		width: 96%;
box-shadow: 2px 3px 6px 2px #999  ;
		margin: 0 auto;
		margin-top: 5vw;
		border-top-left-radius: 5%;
		border-top-right-radius: 5%;


	}

	.image {
		width: 100%;
		height: auto;
		z-index: 1;
		position: relative;
		border-top-left-radius: 5%;
		border-top-right-radius: 5%;
	}

	.fltext {

		width: 100%;
		height: 21vw;
		font-size: 4vw;
		margin-top: -22vw;
		z-index: 2;
		position: relative;
		/* border: 1px solid black; */
		background-color: rgba(255, 255, 0, 0.7);
		border-top-left-radius: 10%;
		border-top-right-radius: 10%;
		
		/* font-family: 'Courier New', Courier, monospace; */

	}

	.fltextone {
		/* margin-top: 0.3vw;
	margin-left: 0.3vw; */
		/* border: 1px solid black; */

		font-family: sans-serif;
		margin-left: 4vw;
		font-weight: bold;
		padding-top: 3vw;
		color: black;
		padding-bottom: 20vw;
	}
</style>